<template>
  <div class="home-active">
     <div class="home-new" @click="goActive">
       <img src="imgs/active.jpg" alt="">
     </div>
        <div class="home-618">
          <img src="imgs/618.jpg" alt="">
        </div>
           <div class="home-discount">
             <img src="imgs/ser.jpg" alt="">
           </div>
  </div>
  
</template>

<script>
export default {
    methods:{
    goActive(){
      this.$router.push("/Active");
      // this.$router.push({name:"BookDetail",params:{bookid:id}});     
    }
  }
}
</script>

<style scoped>
.home-active{
  padding: 0 0.14rem;
  box-sizing: border-box;
  width: 100%;
  height: 0.75rem;
  display: flex;
}
.home-618{
  width: 1.43rem;
  background-color: pink;
}
.home-new{
  width: 1rem;  background-color: orangered; 
}
.home-discount{
  width: 1.06rem;background-color: blue;
}
img{
  width: 100%;
  height: 100%;
}
</style>